<script setup lang="ts">
import GiftPNG from '@/assets/gift.png'
import { useNewLotteryStore } from '@/stores/newlottery'
import { computed } from 'vue'

const newLotteryStore = useNewLotteryStore()
const imageSrc = computed(() => {
  const prize = newLotteryStore?.lottery?.getCurrentPrize()
  return prize?.getImageSrc() || GiftPNG
})
</script>

<template>
  <div class="h-80 3xl:h-112 4xl:h-144 select-none" style="max-width: 1200px">
    <img class="h-full object-contain" :src="imageSrc" />
  </div>
</template>
